<template>
  <view class="list">
    <view class="title">
      <text class="mark">*</text>
      <text class="name">{{ name }}</text>
    </view>
    <view class="flex align-center j-sb ipt">
      <slot />
      <slot />
    </view>
  </view>
</template>

<script>
  export default {
    props: {
      name: {
        type: String,
        default: ''
      }
    }
  }
</script>

<style scoped lang="scss">
  .list {
    margin-bottom: 24rpx;
    width: 100%;

    .title {

      .mark {
        color: #E60012;
      }

      .name {
        color: #333333;
        line-height: 40rpx;
        margin-left: 4rpx;
        font-size: 28rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
      }
    }

    .ipt {
      height: 80rpx;
      background: #F8F9FE;
      border-radius: 4rpx;
      margin-top: 10rpx;
    }
  }
</style>
